<!-- 图片组件 -->

<template>
  <img class="w-full h-full" :class="imgFitClass" :src="imgSrc" :alt="imgAlt" />
</template>

<script setup lang="ts">
const props = defineProps({
  // 图片地址
  imgSrc: { type: String, default: '', required: true },
  // 图片说明
  imgAlt: { type: String, default: '' },
  // 图片填充方式
  imgFit: { type: String, default: 'cover' },
})

// 图片填充方式类名
const imgFitClass = `object-${props.imgFit}`
</script>

<style scoped lang="scss"></style>
